/**
 * Created by 小敏哥 on 2017/9/11.
 */
import React, {Component} from 'react';
import style from './index.scss';

class NotYetTips extends Component {
    constructor(props) {
        super(props);
    }

    render(){
        return <div className={style.container}>
            <img className={style.closeIcon} src="./images/icon_close.png" onClick={this.props.close}/>
            <div className={style.title}>温馨提示</div>
            <div className={style.tipsContent}>
                <div>根据交管局查询数据，您当前的车辆还未进入年检周期，尚无需办理。</div>
                <div>正确年检时间为：</div>
            </div>
            <div className={style.table}>
                <div className={style.row}>
                    <div>车辆注册日期</div>
                    <div>{this.props.registerDate}</div>
                </div>
                <div className={style.row}>
                    <div>车辆有效期至</div>
                    <div>{this.props.expiryDate}</div>
                </div>
            </div>
            <div className={style.buttonGroup}>
                <button onClick={this.props.close}>取消</button>
                <button onClick={this.props.updateCallback}>更新年检时间</button>
            </div>
        </div>
    }
}

export  default  NotYetTips